﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>三国杀</title>
    <link type="text/css" href="css/css.css" rel="stylesheet" media="screen" />
    <link type="text/css" href="css/choose_card.css" rel="stylesheet" media="screen" />
    <link type="text/css" href="css/player_others.css" rel="stylesheet" media="screen" />
    <link type="text/css" href="css/player.css" rel="stylesheet" media="screen" />
    <script type="text/javascript" src="js/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="data.js"></script>
    <script type="text/javascript" src="logic_func.js"></script>
    <script type="text/javascript" src="logic_interpreter.js"></script>
    <script type="text/javascript" src="logic_ai.js"></script>
    <script type="text/javascript" src="logic.js"></script>
    <script type="text/javascript" src="interface.js"></script>
    <script type="text/javascript" src="animation.js"></script>
    <script type="text/javascript" src="main.js"></script>
</head>
<body>
    <audio id="sound" src="" autoplay="false"></audio>
    <div id="main">
        <div id="" style="width:100%; position:absolute;"><img src="img/system/main_top.png" style="width:1000px;" /></div>
        <!-- 游戏开始 -->
        <div id="game_start">开始</div>
        
        <div class="role" id="role2">
            <!-- 国家 -->
            <div class="role_country">
                <img src="img/system/none.png" />
            </div>
            <!-- 名称 -->
            <div class="role_name">
            </div>
            <!-- 头像 -->
            <div class="head_img">
                <img src="img/system/none.png" />
            </div>
            <!-- 牌数 -->
            <div class="card_count">
                <img src="img/system/card_count_bg.png" />
                <span>0</span>
            </div>
            <!-- 血量 Begin -->
            <div class="blods_0">
            </div>
            <div class="blods_1">
            </div>
            <!-- 装备区 -->
            <div class="equipment">
                <div class="attack"></div>
                <div class="defend"></div>
                <div class="attack_horse"></div>
                <div class="defend_horse"></div>
            </div>
            <!-- 遮盖层 -->
            <div class="role_cover">
            </div>
            <!-- 身份 -->
            <div class="role_identity">
                <img src="img/system/none.png" />
            </div>
            <div class="role_identity_select">
                <img src="img/system/identity/liegeman.png" />
                <img src="img/system/identity/traitor.png" />
                <img src="img/system/identity/enemy.png" />
            </div>
            <!-- 阶段信息(出牌/弃牌) -->
            <div class="stage">
                <div>判定阶段</div>
                <div>摸牌阶段</div>
                <div>出牌阶段</div>
                <div>弃牌阶段</div>
            </div>
            <!-- 剩余时间 -->
            <div class="role_progress_bar">
                <img class="role_progress_bg" src="img/system/progress/small/progress_bg.png" />
                <img class="role_progress" src="img/system/progress/small/progress.png" />
                <img class="role_progress_bg" src="img/system/progress/small/progress_border.png" />
            </div>
        </div>
        <div class="role" id="role1">
            <div class="role_country">
                <img src="img/system/none.png" />
            </div>
            <div class="role_name">
            </div>
            <div class="head_img">
                <img src="img/system/none.png" />
            </div>
            <div class="card_count">
                <img src="img/system/card_count_bg.png" />
                <span>0</span>
            </div>
            <div class="blods_0">
            </div>
            <div class="blods_1">
            </div>
            <div class="equipment">
                <div class="attack"></div>
                <div class="defend"></div>
                <div class="attack_horse"></div>
                <div class="defend_horse"></div>
            </div>
            <div class="role_cover">
            </div>
            <div class="role_identity">
                <img src="img/system/none.png" />
            </div>
            <div class="role_identity_select">
                <img src="img/system/identity/liegeman.png" />
                <img src="img/system/identity/traitor.png" />
                <img src="img/system/identity/enemy.png" />
            </div>
            <div class="role_progress_bar">
                <img class="role_progress_bg" src="img/system/progress/small/progress_bg.png" />
                <img class="role_progress" src="img/system/progress/small/progress.png" />
                <img class="role_progress_bg" src="img/system/progress/small/progress_border.png" />
            </div>
        </div>
        <div class="role" id="role3">
            <div class="role_country">
                <img src="img/system/none.png" />
            </div>
            <div class="role_name">
            </div>
            <div class="head_img">
                <img src="img/system/none.png" />
            </div>
            <div class="card_count">
                <img src="img/system/card_count_bg.png" />
                <span>0</span>
            </div>
            <div class="blods_0">
            </div>
            <div class="blods_1">
            </div>
            <div class="equipment">
                <div class="attack"></div>
                <div class="defend"></div>
                <div class="attack_horse"></div>
                <div class="defend_horse"></div>
            </div>
            <div class="role_cover">
            </div>
            <div class="role_identity">
                <img src="img/system/none.png" />
            </div>
            <div class="role_identity_select">
                <img src="img/system/identity/liegeman.png" />
                <img src="img/system/identity/traitor.png" />
                <img src="img/system/identity/enemy.png" />
            </div>
            <div class="role_progress_bar">
                <img class="role_progress_bg" src="img/system/progress/small/progress_bg.png" />
                <img class="role_progress" src="img/system/progress/small/progress.png" />
                <img class="role_progress_bg" src="img/system/progress/small/progress_border.png" />
            </div>
        </div>
        <!-- 游戏输出信息 -->
        <div id="gameinfo">
        </div>
        <!-- 牌堆 -->
        <div id="cards_last">
            <img src="img/system/card_back.png" style="left:10px; top:10px;" />
            <img src="img/system/card_back.png" style="left:5px; top:5px;" />
            <img src="img/system/card_back.png" />
        </div>
        <!-- 进度条 -->
        <div class="player_progress_bar">
            <img class="player_progress_bg" src="img/system/progress/big/progress_bg.png" />
            <img class="player_progress" src="img/system/progress/big/progress.png" />
            <img class="player_progress_bg" src="img/system/progress/big/progress_border.png" />
        </div>
        <!-- 打出去的牌 -->
        <div id="played_card_box"></div>
        <!-- 玩家部分 Begin -->
        <div id="player">
            <!-- 装备区 Begin -->
            <div id="attack">
            </div>
            <div id="defend">
            </div>
            <div id="attack_horse">
            </div>
            <div id="defend_horse">
            </div>
            <!-- 装备区 End -->

            <!-- 牌区 Begin -->
            <div id="cards">
            </div>
            <!-- 牌区 End -->

            <!-- 按钮 Begin -->
            <div id="ok_cancel_abandon">
                <div id="ok">
                    <img class="press" src="img/system/buttons/ok_press.png" />
                    <img class="hover" src="img/system/buttons/ok_hover.png" />
                    <img class="normal" src="img/system/buttons/ok.png" />
                </div>
                <div id="cancel">
                    <img class="press" src="img/system/buttons/cancel_press.png" />
                    <img class="hover" src="img/system/buttons/cancel_hover.png" />
                    <img class="normal" src="img/system/buttons/cancel.png" />
                </div>
                <div id="abandon">
                    <img class="press" src="img/system/buttons/abandon_press.png" />
                    <img class="hover" src="img/system/buttons/abandon_hover.png" />
                    <img class="normal" src="img/system/buttons/abandon.png" />
                </div>
                <div id="player_identity">
                    <img src="img/system/none.png">
                </div>
            </div>
            <!-- 按钮 End -->
            
            <!-- 玩家英雄头像、国家、名称 -->
            <div id="player_head">
                <img id="player_head_img" src="img/system/none.png" />
                <div id="player_name_back">
                </div>
                <div id="player_name">
                </div>
                <img id="player_country" src="img/system/none.png" />
            </div>
            <!-- 玩家英雄血量 -->
            <div id="player_blods">
                <div id="player_blod_0">
                </div>
                <div id="player_blod_1">
                </div>
            </div>
        </div>
        <div id="player_cover"></div>
        <!-- 玩家部分 End -->

        <!-- 数据加载 -->
        <div id="data_load">
            <img src="img/system/data_load_bg.jpg" />
            <div id="data_load_perc"></div>
        </div>
        <div id="explanation"></div>
    </div>
    <div id="load_imgs"></div>
</body>
</html>
